<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">

<head>
  <title>选课界面</title>
</head>

<body>
  <h1 th:align="center">选课界面</h1>

  <form action="/regist" method="get" class="form-horizontal" style="margin-top: 70px">
    <input type="text" id="idq" name="id" style="display: none">
    <div class="form-group" style="text-align: center">
      <label class="col-sm-2 control-label" style="font-size: 30px;text-align: center">subject</label>
      <div class="col-sm-10">
        <input type="checkbox" name="subject" value="数学"/>数学
        <input type="checkbox" name="subject" value="语文"/>语文
        <input type="checkbox" name="subject" value="英语"/>英语
        <input type="checkbox" name="subject" value="物理"/>物理
        <input type="checkbox" name="subject" value="化学"/>化学
        <input type="checkbox" name="subject" value="生物"/>生物
        <input type="checkbox" name="subject" value="地理"/>地理
        <input type="checkbox" name="subject" value="历史"/>历史
        <input type="checkbox" name="subject" value="政治"/>政治
    <div class="form-group">
      <div class="col-sm-offset-2 col-sm-10">
        <button type="submit" class="btn btn-primary btn-lg" style="margin-top:70px;width: 200px;font-size: 20px;font-weight: bold">Login</button>
      </div>
    </div>
  </form>

  <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
  <script  th:inline="javascript">

    window.onload = function (){
      document.getElementById("idq").value = [[${id}]];
    }

  </script>

</body>
</html>